<%@ page import="com.hq.hotl.pojo.User" %><%--
  Created by IntelliJ IDEA.
  User: 周帮洪
  Date: 2021/10/15
  Time: 21:44
  To change this template use File | Settings | File Templates.
--%>

<%@ page contentType="text/html;charset=UTF-8" language="java"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>管理员系统</title>
    <link rel="stylesheet" href="css/styles.css"/>
    <link rel="stylesheet" href="css/font-awesome/css/font-awesome.min.css"/>
    <!-- 引入JS -->
    <script src="${pageContext.request.contextPath}/js/jquery.min.js" type="text/javascript"></script>

    <style>
        body{
            width: 100%;
            height: 650px;
            background-color: #eee;
        }
        #logtop{
            position: absolute;
            margin-left: 20px;
            margin-top: 20px;
        }
        #top{
            background-image: url("static/top.gif");
            margin-left: -8px;
            margin-top: -8px;
            height:9%;
            width:100%;
        }
       #waikaung{
           border-top-width: 2px;
           border-top-style: solid;
           border-top-color: powderblue;
           border-left-width: 2px;
           border-left-style: solid;
           border-left-color: powderblue;
            width: 98%;
           margin-left: 14px;
           height: 688px;
       }

        .left-table01 {
            border-top-width: 2px;
            border-top-style: solid;
            border-top-color: #B8C9D6;
            margin-left: 0px;
            margin-top: -1px;
        }

        .left-table03 {
            margin-top: 0px;
            font-family: "宋体";
            font-size: 12px;
            color: #555555;
            text-decoration: none;
            background-image: url(static/nav02.gif);
        }
        a.left-table03:hover {
            background-image: url(static/nav03.gif);
        }

        .left-font01 {
            font-family: "宋体";
            font-size: 12px;
            color: #448CCB;
            text-decoration: none;
            filter: DropShadow(Color=#FFFFFF, OffX=1, OffY=1);
        }
        a.left-font01:hover {
            font-family: "宋体";
            font-size: 12px;
            color: #FF0000;
            text-decoration: underline;
            filter: DropShadow(Color=#FFFFFF, OffX=1, OffY=11,);
        }

        .left-font02 {
            font-family: Tahoma;
            font-size: 11px;
            font-weight: bold;
            color: #448CCB;
            text-decoration: none;
            filter: DropShadow(Color=#FFFFFF, OffX=1, OffY=1);
        }
        .left-font03 {
            font-family: "宋体";
            font-size: 12px;
            color: #555555;
            text-decoration: none;
        }
        a.left-font03:hover {
            font-family: "宋体";
            font-size: 12px;
            color: #FF0000;
            text-decoration: underline;
        }
        #if{
            position: absolute;
            margin-left: 197px;
            margin-top: -260px;
            width: 85%;
            height: 90%;
            border-width: 2px;
            border-style: solid;
            border-color:paleturquoise;

        }
        #iftop{
            background-image: url("static/nav01.gif");
            position: absolute;
            margin-left: -1px;
            margin-top:0px;
            width: 100%;
            height: 8%;
        }
        #iframe{
            position: absolute;
            left: 0px;
            top: 55px;
            width: 100%;
            height: 86%;
            display: block;
        }
    #buttons{
        background-color: midnightblue;
        position: absolute;
        margin-top: -15px;
        height: 15px;
        width: 100%;
    }

        .slide-box{
            position: absolute;
            margin-top: -740px;
            margin-left: 14px;
            width:100%;
            height:35px;
            overflow:hidden;
            font-size: xx-large;

        }
        .slide-box-inner{
            width:3600px;
            height:35px;
        }
        .slide-content,.slide-copy{
            float:left;
            height:35px;
        }
        .slide-content a,.slide-copy a{
            display:block;
            width:600px;
            height:35px;
            text-align:center;
            line-height:35px;
            color:#000;
            text-decoration:none;
            float:left
        }

    </style>
</head>
<body>
    <div id="top"></div>
    <div id="waikaung">
    <table width="198" border="0" cellpadding="0" cellspacing="0" class="left-table01">
        <tr>
            <TD>
                <table width="100%" border="0" cellpadding="0" cellspacing="0">
                    <tr>
                        <td width="207" height="55" background="static/nav01.gif">
                            <table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
                                <tr>
                                    <td width="25%" rowspan="2"><img src="static/ico02.gif" width="35" height="35" /></td>
                                    <td width="75%" height="22" class="left-font01">您好，<span class="left-font02" name="username">${user.name}</span></td>
                                </tr>
                                <tr>
                                    <td height="22" class="left-font01">
                                        <a href="javascript:openUrl('${pageContext.request.contextPath}/xiaolianjsp')" class="left-font01">退出</a>&nbsp;</td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </table>
                <TABLE width="100%" border="0" cellpadding="0" cellspacing="0" class="left-table03">
                    <tr>
                        <td height="29">
                            <table width="85%" border="0" align="center" cellpadding="0" cellspacing="0">
                                <tr>
                                    <td width="8%"><img name="img8" id="img8" src="static/ico04.gif" width="8" height="11" /></td>
                                    <td width="92%">
                                        <a href="javascript:openUrl('${pageContext.request.contextPath}/list1?currentPage=1&pageSize=5')"  class="left-font03">用户管理</a></td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </TABLE>
                <TABLE width="100%" border="0" cellpadding="0" cellspacing="0" class="left-table03">
                    <tr>
                        <td height="29">
                            <table width="85%" border="0" align="center" cellpadding="0" cellspacing="0">
                                <tr>
                                    <td width="8%"><img name="img7" id="img7" src="static/ico04.gif" width="8" height="11" /></td>
                                    <td width="92%">
                                        <a href="javascript:openUrl('${pageContext.request.contextPath}/list2')" class="left-font03">楼层管理</a></td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </TABLE>

                <table width="100%" border="0" cellpadding="0" cellspacing="0" class="left-table03">
                    <tr>
                        <td height="29"><table width="85%" border="0" align="center" cellpadding="0" cellspacing="0">
                            <tr>
                                <td width="8%" height="12"><img name="img2" id="img2" src="static/ico04.gif" width="8" height="11" /></td>
                                <td width="92%"><a href="javascript:openUrl('${pageContext.request.contextPath}/allHouseyyl')" class="left-font03" >房间管理</a></td>
                            </tr>
                        </table></td>
                    </tr>
                </table>

                <table width="100%" border="0" cellpadding="0" cellspacing="0" class="left-table03">
                    <tr>
                        <td height="29"><table width="85%" border="0" align="center" cellpadding="0" cellspacing="0">
                            <tr>
                                <td width="8%" height="12"><img name="img3" id="img3" src="static/ico04.gif" width="8" height="11" /></td>
                                <td width="92%"><a href="javascript:openUrl('${pageContext.request.contextPath}/list5?currentPage=1&pageSize=5')" class="left-font03" >客户管理</a></td>
                            </tr>
                        </table></td>
                    </tr>
                </table>
                <table width="100%" border="0" cellpadding="0" cellspacing="0" class="left-table03">
                    <tr>
                        <td height="29"><table width="85%" border="0" align="center" cellpadding="0" cellspacing="0">
                            <tr>
                                <td width="8%" height="12"><img name="img4" id="img4" src="static/ico04.gif" width="8" height="11" /></td>
                                <td width="92%"><a href="javascript:openUrl('${pageContext.request.contextPath}/list6')" class="left-font03" >预定管理</a></td>
                            </tr>
                        </table></td>
                    </tr>
                </table>

                <table width="100%" border="0" cellpadding="0" cellspacing="0" class="left-table03">
                    <tr>
                        <td height="29"><table width="85%" border="0" align="center" cellpadding="0" cellspacing="0">
                            <tr>
                                <td width="8%"><img name="img6" id="img6" src="static/ico04.gif" width="8" height="11" /></td>
                                <td width="92%"><a href="javascript:openUrl('${pageContext.request.contextPath}/list8?id=${user.id}&name=${user.name}&phone=${user.phone}&state=${user.state}&username=${user.username}&password=${user.password}')" class="left-font03" >个人管理</a></td>
                            </tr>
                        </table></td>
                    </tr>
                </table>
                <TABLE width="100%" border="0" cellpadding="0" cellspacing="0" class="left-table03">
                    <tr>
                        <td height="29">
                            <table width="85%" border="0" align="center" cellpadding="0" cellspacing="0">
                                <tr>
                                    <td width="8%"><img name="img9" id="img9" src="static/ico04.gif" width="8" height="11" /></td>
                                    <td width="92%">
                                        <a href="javascript:openUrl('${pageContext.request.contextPath}/list9')" class="left-font03" >系统帮助</a></td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </TABLE>
            </TD>
        </tr>
    </table>
        <div id="if">
            <div id="iftop"></div>
            <iframe src="${pageContext.request.contextPath}/hygl" id="iframe" frameborder="0px"></iframe>
        </div>
    </div>
        <div id="buttons"></div>

    <div class="slide-box" id="slideBox">
        <div class="slide-box-inner">
            <div class="slide-content" id="slideContent">
                <a href="#" class="box1" ></a>
                <a href="#" class="box2" >欢迎使用酒店管理系统</a>
                <a href="#" class="box3" ></a>
            </div>
            <!-- 双胞胎兄弟 -->
            <div class="slide-copy" id="slideCopy">
            </div>
        </div>
    </div>

</body>
<script type="text/javascript">
    function openUrl(url) {
        $("#iframe").attr("src",url);
    }
    //大层
    var slideBox = document.getElementById("slideBox");
    //内容层
    var slideContent = document.getElementById("slideContent");
    //拼接层
    var slideCopy = document.getElementById("slideCopy");
    //循环相隔时间
    var speed = 20;
    //复制内容
    slideCopy.innerHTML = slideContent.innerHTML;

    console.log(slideBox.scrollLeft);

    // *无缝切换函数，滚动值>=可视宽度，归0，否则数值递增
    function seamlessSlide() {
        var seeWidth = slideContent.offsetWidth;
        // console.log(slideBox.scrollLeft)
        // console.log(seeWidth);
        if (slideBox.scrollLeft >= seeWidth) {
            slideBox.scrollLeft = 0;
        } else {
            slideBox.scrollLeft++;
        }
    }

    //每10毫秒循环执行slide
    var runslide = setInterval(seamlessSlide, speed);


</script>
</html>
